<template>
  <div class="header">
      <router-link to="/">
        <span class="iconfont back-btn">&#xe61e;</span>
      </router-link>
    城市选择
    </div>
</template>

<script>
export default {
  name: 'CityHeader',
  data() {
    return {

    }
  },
};
</script>

<style lang="stylus"  scoped>
  @import '~style/varibles.styl'
  .header
    position : relative
    overflow: hidden
    height: $headerHeight
    line-height: $headerHeight
    text-align : center
    color: #ffffff
    background : $bgColor
    font-size : 4vw
    .back-btn
      position: absolute
      left: 0
      top: 0
      padding:0 1vw
      color:#fff
</style>
